<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	pageContext.setAttribute("pageTitle", "菜单维护");
%>
<!DOCTYPE html>
<html lang="UTF-8">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<link rel="stylesheet"
	href="${ctx }/static/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${ctx }/static/css/font-awesome.min.css">
<link rel="stylesheet" href="${ctx }/static/css/main.css">
<link rel="stylesheet" href="${ctx }/static/css/doc.min.css">
<link rel="stylesheet" href="${ctx }/static/ztree/zTreeStyle.css">
<style>
.tree li {
	list-style-type: none;
	cursor: pointer;
}
</style>
</head>

<body>
	<%@include file="/include/navbar-top.jsp"%>
	<div class="container-fluid">
		<div class="row">
			<%@include file="/include/navbar-left.jsp"%>
			<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

				<div class="panel panel-default">
					<div class="panel-heading">
						<i class="glyphicon glyphicon-th-list"></i> 权限菜单列表
						<div style="float: right; cursor: pointer;" data-toggle="modal"
							data-target="#myModal">
							<i class="glyphicon glyphicon-question-sign"></i>
						</div>
					</div>
					<div class="panel-body">
						<ul id="treeDemo" class="ztree"></ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">帮助</h4>
				</div>
				<div class="modal-body">
					<div class="bs-callout bs-callout-info">
						<h4>没有默认类</h4>
						<p>警告框没有默认类，只有基类和修饰类。默认的灰色警告框并没有多少意义。所以您要使用一种有意义的警告类。目前提供了成功、消息、警告或危险。</p>
					</div>
					<div class="bs-callout bs-callout-info">
						<h4>没有默认类</h4>
						<p>警告框没有默认类，只有基类和修饰类。默认的灰色警告框并没有多少意义。所以您要使用一种有意义的警告类。目前提供了成功、消息、警告或危险。</p>
					</div>
				</div>
				<!--
		  <div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-primary">Save changes</button>
		  </div>
		  -->
			</div>
		</div>
	</div>
	<%@include file="/include/common.jsp"%>
	<script type="text/javascript">
		$(function() {

			var setting = {
				view : {
					selectedMulti : false,
					addDiyDom : function(treeId, treeNode) {
						var icoObj = $("#" + treeNode.tId + "_ico"); // tId = permissionTree_1, $("#permissionTree_1_ico")
						if (treeNode.icon) {
							icoObj.removeClass("button ico_docu ico_open")
									.addClass("fa fa-fw " + treeNode.icon).css(
											"background", "");
						}
					},
					addHoverDom : function(treeId, treeNode) {
						var aObj = $("#" + treeNode.tId + "_a"); // tId = permissionTree_1, ==> $("#permissionTree_1_a")
						aObj.attr("href", "javascript:;");
						if (treeNode.editNameFlag
								|| $("#btnGroup" + treeNode.tId).length > 0)
							return;
						var s = '<span id="btnGroup'+treeNode.tId+'">';
						if (treeNode.level == 0) {
							s += '<a class="btn btn-info dropdown-toggle btn-xs" style="margin-left:10px;padding-top:0px;" href="${ctx }/static/#" >&nbsp;&nbsp;<i class="fa fa-fw fa-plus rbg "></i></a>';
						} else if (treeNode.level == 1) {
							s += '<a class="btn btn-info dropdown-toggle btn-xs" style="margin-left:10px;padding-top:0px;"  href="${ctx }/static/#" title="修改权限信息">&nbsp;&nbsp;<i class="fa fa-fw fa-edit rbg "></i></a>';
							if (treeNode.children.length == 0) {
								s += '<a class="btn btn-info dropdown-toggle btn-xs" style="margin-left:10px;padding-top:0px;" href="${ctx }/static/#" >&nbsp;&nbsp;<i class="fa fa-fw fa-times rbg "></i></a>';
							}
							s += '<a class="btn btn-info dropdown-toggle btn-xs" style="margin-left:10px;padding-top:0px;" href="${ctx }/static/#" >&nbsp;&nbsp;<i class="fa fa-fw fa-plus rbg "></i></a>';
						} else if (treeNode.level == 2) {
							s += '<a class="btn btn-info dropdown-toggle btn-xs" style="margin-left:10px;padding-top:0px;"  href="${ctx }/static/#" title="修改权限信息">&nbsp;&nbsp;<i class="fa fa-fw fa-edit rbg "></i></a>';
							s += '<a class="btn btn-info dropdown-toggle btn-xs" style="margin-left:10px;padding-top:0px;" href="${ctx }/static/#">&nbsp;&nbsp;<i class="fa fa-fw fa-times rbg "></i></a>';
						}

						s += '</span>';
						aObj.after(s);
					},
					removeHoverDom : function(treeId, treeNode) {
						$("#btnGroup" + treeNode.tId).remove();
					}
				},
				async : {
					enable : true,
					url : "tree.txt",
					autoParam : [ "id", "name=n", "level=lv" ]
				},
				callback : {
					onClick : function(event, treeId, json) {

					}
				}
			};
			//$.fn.zTree.init($("#treeDemo"), setting); //异步访问数据

			var d = [ {
				"id" : 1,
				"pid" : 0,
				"seqno" : 0,
				"name" : "系统权限菜单",
				"url" : null,
				"icon" : "fa fa-sitemap",
				"open" : true,
				"checked" : false,
				"children" : [ {
					"id" : 2,
					"pid" : 1,
					"seqno" : 0,
					"name" : "控制面板",
					"url" : "dashboard.htm",
					"icon" : "fa fa-desktop",
					"open" : true,
					"checked" : false,
					"children" : []
				}, {
					"id" : 6,
					"pid" : 1,
					"seqno" : 1,
					"name" : "消息管理",
					"url" : "message/index.htm",
					"icon" : "fa fa-weixin",
					"open" : true,
					"checked" : false,
					"children" : []
				}, {
					"id" : 7,
					"pid" : 1,
					"seqno" : 1,
					"name" : "权限管理",
					"url" : "",
					"icon" : "fa fa-cogs",
					"open" : true,
					"checked" : false,
					"children" : [ {
						"id" : 8,
						"pid" : 7,
						"seqno" : 1,
						"name" : "用户管理",
						"url" : "user/index.htm",
						"icon" : "fa fa-user",
						"open" : true,
						"checked" : false,
						"children" : []
					}, {
						"id" : 9,
						"pid" : 7,
						"seqno" : 1,
						"name" : "角色管理",
						"url" : "role/index.htm",
						"icon" : "fa fa-graduation-cap",
						"open" : true,
						"checked" : false,
						"children" : []
					}, {
						"id" : 10,
						"pid" : 7,
						"seqno" : 1,
						"name" : "许可管理",
						"url" : "permission/index.htm",
						"icon" : "fa fa-check-square-o",
						"open" : true,
						"checked" : false,
						"children" : []
					} ]
				}, {
					"id" : 11,
					"pid" : 1,
					"seqno" : 1,
					"name" : "资质管理",
					"url" : "",
					"icon" : "fa fa-certificate",
					"open" : true,
					"checked" : false,
					"children" : [ {
						"id" : 12,
						"pid" : 11,
						"seqno" : 1,
						"name" : "分类管理",
						"url" : "cert/type.htm",
						"icon" : "fa fa-th-list",
						"open" : true,
						"checked" : false,
						"children" : []
					}, {
						"id" : 13,
						"pid" : 11,
						"seqno" : 1,
						"name" : "资质管理",
						"url" : "cert/index.htm",
						"icon" : "fa fa-certificate",
						"open" : true,
						"checked" : false,
						"children" : []
					} ]
				}, {
					"id" : 15,
					"pid" : 1,
					"seqno" : 1,
					"name" : "流程管理",
					"url" : "process/index.htm",
					"icon" : "fa fa-random",
					"open" : true,
					"checked" : false,
					"children" : []
				}, {
					"id" : 16,
					"pid" : 1,
					"seqno" : 1,
					"name" : "审核管理",
					"url" : "",
					"icon" : "fa fa-check-square",
					"open" : true,
					"checked" : false,
					"children" : [ {
						"id" : 17,
						"pid" : 16,
						"seqno" : 1,
						"name" : "实名认证人工审核",
						"url" : "process/cert.htm",
						"icon" : "fa fa-check-circle-o",
						"open" : true,
						"checked" : false,
						"children" : []
					} ]
				} ]
			} ];
			$.fn.zTree.init($("#treeDemo"), setting, d);
		});
	</script>
</body>
</html>
